<template>
  <view
    class="common-page"
    :style="{
      paddingTop: statusBarHeight + 'px',
    }"
  >
    <slot></slot>
  </view>
</template>

<script setup>
import { getStatusBarHeight, getTitleBarHeight } from "@/utils/system";
// 状态栏高度
const statusBarHeight = getStatusBarHeight();
</script>

<style lang="scss" scoped>
.common-page {
  padding-bottom: env(safe-area-inset-bottom);
  min-height: calc(100vh - var(--window-bottom));
  box-sizing: border-box;
}
</style>
